当前位置：flash8.0教程－基础教程

名称

《系统时钟》的制作过程

预览

《系统时钟》的制作方法

【实例说明】：

本例制作一个系统时钟动画的效果。

【操作步骤】：

〖一〗、新建文档

1. 单击“文件”/“新建”命令，创建一个新文档；
2. 单击“修改”/“文档”命令；在“文档属性”对话框中设置“尺寸”为400×300，背景色为黑色；单击“确定”按钮。

〖二〗、创建影片剪辑元件

1. 单击“插入”/“新建元件”命令；在名称后面输入“系统时钟”作为该影片剪辑的名称，然后勾选“影片剪辑”选项；单击“确定”按钮进入影片的编辑状态；
2. 制作“背景层”。双击“图层1”；然后将其命名为“背景层”；单击“文件”/“导入”/“库”命令，导入一幅时钟的图片；然后按“CTRL+F8”打开库面板；从中将该图片拖放到“系统时钟”剪辑的“背景层”的第1帧的舞台上；然后输入“系统时钟”文本信息。背景层的制作详见下图：

1. 制作“文字层”。单击时间轴上的添加新图层按钮，再添加一个新“图层2”；然后双击“图层2”将其命名为“文字层”；选择工具栏上的文本工具；然后输入以下文本信息（文本信息包括：“年份”、“星期”、“时间”）；参照下图：

1. 创建动态文本框。（1）选中工具栏上的文本工具，打开属性面板；选择“动态文本”、字体颜色选白色、字号设为18号，并单击选择下面的“在文本周围显示边框”按钮；然后在“年份”后面拖出一个动态文本框；然后选中该输入文本框，在变量名中命名为“text1”；(2) 先选中“text1”动态文本框；然后按下键盘上的Alt键的同时，在星期、时间后面再复制2个相同的动态文本框；变量名分别命名为“text2”、 “text3”。
2. 单击舞台左上角的“场景1”按钮返回到舞台上；打开库面板；从中将“系统时钟”剪辑拖放到舞台上。
3. 添加脚本。
4. 单击选中舞台上的“系统时钟”剪辑元件；右击；单击“动作”，打开动作面板；添加如下代码：

onClipEvent (load) {

days = new Array('星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六');

months = new Array('一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月');

//new Array用于定义一个矩阵,矩阵中的元素用单引号引起来;

timedate = new Date();

//new Date用于创建一个新的日期对象.

}

onClipEvent (enterFrame) {

hour = timedate.getHours();

//根据本地时间返回系统的小时数

minutes = timedate.getMinutes();

//根据本地时间返回系统的分钟数

seconds = timedate.getSeconds();

//根据本地时间返回系统的秒数

mseconds = timedate.getMilliseconds();

//根据本地时间返回系统的毫秒数

todaydate = timedate.getDate();

//根据本地时间返回指定日期对象的本月的第几天

day = timedate.getDay();

//根据本地时间返回指定日期对象的本月的星期

year = timedate.getFullYear();

//根据本地时间返回指定日期对象的四位数年份

dayname = days[day];

month = timedate.getMonth();

//根据本地时间返回指定日期对象的月份

monthname = months[month];

if (length(hour) == 1) {

hour = "0"+hour;

}

if (length(minutes) == 1) {

minutes = "0"+minutes;

}

if (length(seconds) == 1) {

seconds = "0"+seconds;

}

//if 语句判断小时数是否小于两位数,如果条件为真,则执行括号中的代码;?

///////////seconds = "0"+seconds;语句表示在秒前加0

text1 = year+"年"+(month+1)+"月"+todaydate+"号";

text2 = dayname;

text3 = hour+":"+minutes+":"+seconds+":"+mseconds;

delete timedate;

timedate = new Date();

}

【三】最后按“Ctrl+Enter”组合键测试影片